{% extends "base.html" %}
{% block title %} 产品中心 {% endblock %}
{% block body %}


    <!-- section works -->
    <section id="section-works" class="section appear clearfix">
        <div class="container">
            <div class="row">
                <nav id="filter" class="col-md-12 text-center">
                    <ul>
                        <li><a href="#" class="current btn-theme btn-small" data-filter="*">All</a></li>
                        {% for file in date_file %}
                            <li><a href="#" class="btn-theme btn-small"
                                   data-filter=".{{ file.date_file }}">{{ file.date_file }}</a></li>
                        {% endfor %}
                    </ul>
                </nav>
                <div class="col-md-12">
                    <div class="row">
                        <div class="portfolio-items isotopeWrapper clearfix" id="3">
                            {% for photo in photoprint %}
                                <article class="col-md-4 isotopeItem {{ photo.date_file }} isotope-item">
                                    <div class="portfolio-item">
                                        <div class="wow " data-animation-delay="4.8s">
                                            <img src="/{{ photo.date_src }}" alt="welcome"/>
                                        </div>
                                        <div class="portfolio-desc align-center">
                                            <div class="folio-info">
                                                <h5><a href="#">{{ photo.date_name }}</a></h5>
                                                <a href="/{{ photo.date_src }}" class="fancybox"><i
                                                        class="fa fa-external-link fa-2x"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </article>
                            {% endfor %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endblock %}